<template>
    <div>
        <the-header></the-header>
        <the-a-side></the-a-side>
        <div class="content-box" :class="{'content-collapse':collapse}">
           <router-view></router-view>
        </div>
    </div>

</template>

<script>

import TheHeader from './TheHeader';
import TheASide from './TheASide';
import bus from '../assets/js/bus';

export default{
  components: {
    TheHeader,
    TheASide
  },
  data(){
      return{
        collapse: false
      }
  },
  created(){
    bus.$on('collapse', msg => {
      this.collapse = msg     
    })
  }
}
</script>
